 *{
    margin:0px;
    padding:0px;
}
.head{
    margin: 0 auto;
}
.head{
    width:100%;
    height:40px;
    background-color:#00081c;
    display: flex;
    align-items: center;
}
header{
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items: center;
}
header span,header h3{
    color:white
}
.head1,.head2{
    width:200px;
}
.head1 a{
    margin: 0 10px;
    text-decoration: none;
}
.head1 span{
    font-size: 12px;

}
.head1 span:hover{
    border-bottom: 1px solid white;
}
.head2 button{
    background-color:#00081c;
    border:0px;
}
.head2 button:hover{
    border-bottom:1px solid white;
}
.head2:hover .head21{
    display: block;
}
.head21{
    display: none;
    height:200px;
    background-color:white;
    /* background-color: #F4F4F4; */
    position:absolute; 
    padding:10px 20px 10px 20px;
    z-index: 2;  
}
.head21 p{
    margin-top: 10px;
    font-size: 14px;
}
.head21 button{
    margin-top: 10px;
    color:white;
    width:150px;
    height: 30px;
    background-color: #00081c;
}
.head21 button:hover{
    background-color:#4b4c4f;
}
.head2 span{
    font-size: 12px;
}
.navList{
    width:1013px;
    height: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin:0 auto;
}
.navList>ul>li{
list-style: none;
float:left;
margin-right:45px;
}
.navList a{
    text-decoration: none;
}
.navList .navList11 {
  display: none;
  width:200px;
  height:200px;
  background-color: white;
  position: absolute;
  box-shadow: 2px 2px 5px grey;
  margin-top: 5px;
  z-index: 2;
}
.navList11 li,.navList33 li,.navList44 li,.navList55 li,.navList66 li,.navList77 li,.navList88 li,.navList99 li{
    margin: 10px 0px;
    list-style: none ;
}
.navList11 li:hover,.navList33 li:hover,.navList44 li:hover,.navList55 li:hover,.navList66 li:hover,.navList77 li:hover,.navList88 li:hover,.navList99 li:hover{
    background-color: rgb(128, 209, 209);
}
.navList1:hover .navList11{
    display: block;
}
.navList1:hover,.navList2:hover,.navList3:hover,.navList4:hover,  .navList5:hover,.navList6:hover,.navList7:hover,.navList8:hover,.navList9:hover{
    border-bottom:2px solid gray;
}
.navList .navList33 {
    display: none;
    width:200px;
    height:350px;
    background-color: white;
    position: absolute;
    box-shadow: 2px 2px 5px grey;
    margin-top: 5px;
    z-index: 2;
  }
  .navList3:hover .navList33{
      display: block;
  }
  .navList .navList44 {
    display: none;
    width:200px;
    height:200px;
    background-color: white;
    position: absolute;
    box-shadow: 2px 2px 5px grey;
    margin-top: 5px;
    z-index: 2;
  }
  .navList4:hover .navList44{
      display: block;
  }
  .navList .navList55 {
    display: none;
    width:200px;
    height:400px;
    background-color: white;
    position: absolute;
    box-shadow: 2px 2px 5px grey;
    margin-top: 5px;
    z-index: 2;
  }
  .navList5:hover .navList55{
      display: block;
  }
  .navList .navList66 {
    display: none;
    width:200px;
    height:200px;
    background-color: white;
    position: absolute;
    box-shadow: 2px 2px 5px grey;
    margin-top: 5px;
    z-index: 2;
  }
  .navList6:hover .navList66{
      display: block;
  }
  .navList .navList77 {
    display: none;
    width:200px;
    height:200px;
    background-color: white;
    position: absolute;
    box-shadow: 2px 2px 5px grey;
    margin-top: 5px;
    z-index: 2;
  }
  .navList7:hover .navList77{
      display: block;
  }
  .navList .navList88 {
    display: none;
    width:200px;
    height:200px;
    background-color: white;
    position: absolute;
    box-shadow: 2px 2px 5px grey;
    margin-top: 5px;
    z-index: 2;
  }
  .navList8:hover .navList88{
      display: block;
  }
  .navList .navList99 {
    display: none;
    width:200px;
    height:200px;
    background-color: white;
    position: absolute;
    box-shadow: 2px 2px 5px grey;
    margin-top: 5px;
    z-index: 2;
  }
  .navList9:hover .navList99{
      display: block;
  }
  .itemBox{
      width:1000px;
      height: 445px;
      margin:0 auto;
  }
  .itemBox img{
      float:left;
      width:400px;
      height:400px;
  }
  .itemSmallBox{
      float: left;
      height:445px;
      margin:40px 0px  0px 80px;
  }
  .itemSmallBox span,p{
      display: block;
      margin-bottom: 20px;
  }
  .itemSmallBox button{
    width:100px;
    height:24px;
  }
  .itemSmallBox button:hover{
   background-color:  rgb(111, 108, 108);
  }
  .itemSmallBox .textColor{
      font-size: 12px;
      color: rgb(111, 108, 108);
      margin-bottom: 10px;
  }